/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;letter-spacing: 1px;}
header,footer,section,article,aside,nav{display:block;}
table{border-collapse:collapse;border-spacing:0;}th{text-align:left;font-weight:normal;}
html,body,img{border:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%; font-weight:normal;}
textarea{overflow:auto;resize:none;}
label{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;color: #545454;}
a,a:hover{text-decoration:none;}
body,textarea,input,button,select,legend{font:14px "Helvetica Neue",Helvetica,Arial,sans-serif;color:#333;outline:0;}
body{color:#373737;}
a{color:#333;}
a:hover{color:#666;}

:root{
	--sign-font-color: #1dd0f8;
	--sign-color-white: #fff;
}

.flex {
	flex: 1;
	-webkit-flex: 1;
}

#header {
	--sign-header-height: 30px;
	padding: 9px;
	background: #1dd0f8;
	background: var(--sign-font-color);
	color: #fff;
	color: var(--sign-color-white);
}
#header .flex-header {
	display: flex;
	display: -webkit-flex;
	flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
}

#header .table-header:after {
	content: " ";
	clear: both;
	display: block;
}

#header .table-header .odd {
	text-align: left;
}

#header .table-header .even {
	text-align: right;
}

#header .table-header div {
	float: left;
	width: 50%;
	text-align: center;
}

#header .title {
	display: inline-block;
	line-height: 30px;
	font-size: 16px;
	text-align: center;
	line-height: var(--sign-header-height);
}

#header .setting {
	text-align: right;
	line-height: 30px;
	line-height: var(--sign-header-height);
}

#header .setting a {
	color: #fff;
	color: var(--sign-color-white);
}